iT邦幫忙

2021 iThome 鐵人賽

DAY 17
0
Modern Web

30天打造品牌特色電商網站系列 第 24

30天打造品牌特色電商網站 Day.24 電商必用的各類提示

  • 分享至 

  • xImage
  •  

相信大家使用網站時,一定會遇到大大小小固有或彈出的提示框,這次的主題就是他!
提示框在用戶經驗上會以內容的輕重程度做不同類型的變化,因此不管是建議、推廣,到提醒、警告等都需要提示框的幫忙!


這邊介紹幾種電商網站常見、常使用的提示框:

  1. 需要用戶接受Cookie
    有些網站會在一進入網頁時,詢問顧客是否同意接受cookie(網站資料的暫存機制)。這不是特別想要彰顯、一定需要選擇的問題,因此只需要有稍微提示到,使用者即使忽略還是可以繼續瀏覽網站。
    常見的有放在左下或右下一個小角落,或是底下一整條的空間。
    https://ithelp.ithome.com.tw/upload/images/20211009/201418203WMp5Tevfs.png
    (圖片來源:https://www2.hm.com/zh_asia3/index.html)

  2. 大大小小的廣告框
    若要特別展示特價、給予優惠券,或是加入會員等宣傳,可以使用彈跳視窗來呈現。
    這類可以視個人認為的重要程度來呈現,如果要使用者一定要看到並做選擇,就會彈出並且讓背景變暗(這種情況有沒有共鳴!),另一種是躲在角落、左右兩側,也可能搭配著小動畫,不影響到使用歷程,但是能讓使用者看見、並選擇要不要關閉它。
    https://ithelp.ithome.com.tw/upload/images/20211009/201418208XI6WIV6sN.png
    (圖片來源:https://www.lookfantastic.com.tw/)

  3. 漏寫資料的提示框
    若有會員登入服務,就會需要填寫會員資料,有配送商品服務的話,也會需要填寫相關資料。這時若遇到資料填寫不完全或是遺漏的狀況,就需要有視覺上的反應來提示使用者。這邊不建議使用突然彈出的視窗,不僅使用感受不好,也使用者需多一步動作。針對欄位顯示錯誤訊息,可以更直接指出錯誤或提供資訊解釋!
    https://ithelp.ithome.com.tw/upload/images/20211009/20141820mTptdrsiIw.png
    (圖片來源:https://www.lookfantastic.com.tw/)

  4. 對於資訊上的小提示等
    若有遇到需要說明,不過文字稍多時,可以使用tooltip的方式,也就是放置一個資訊圖示,當滑鼠移入時,會跑出一個對話框,顯示更詳細的內容。這樣的方法不但省出空間,也為已熟悉網站的客戶們提供舒適的體驗。


以上是幾個常見的提示方法,大家可以在逛網頁時多留意、多觀察各個設計!


上一篇
30天打造品牌特色電商網站 Day.23 關於position定位
下一篇
30天打造品牌特色電商網站 Day.25 電商必用的提示-實作小範例
系列文
30天打造品牌特色電商網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言